<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/vue.js"></script>
</head>

<body>
 <pre>
	MVVM：是一种设计思想，是一种分层思想
	M -model-模型-数据模型
	V -view-视图-页面结构
	
	VM -view-model -事件监听以及数据绑定功能
	双向数据绑定，当我们在输入框中输入内容的时候，能够同步到数据模型data ,这是因为vue底层做了数据监听的操作，数据模型data 数据能够同步到视图层，底层做了数据绑定的操作
	
	双向模型
	事件监听，事件绑定
 </pre>
 <div id="app">
	<div>{{name}}</div>
	<input type="text" v-model="name">
 </div>
 <script>
	 var vm=new Vue({
	 el:'#app',
	 data:{
	 name:'Tom',
	 }
	 })
 </script>
</body>

</html>